草庐IT

Angular 2 表单

全部标签

javascript - 图像路径在我的 Angular 4 文件中不起作用

我是学习angular4框架的初学者,在stackoverflow上看到了所有关于这个问题的帖子,但他们给出的解决方案无法解决我的问题。我收到此错误“http://localhost:4200/src/assets/images/1.jpg404(NotFound)”。其他一切正常,但只有图像未加载。我正在提供我的.angular-cli.json代码和我提供img标签的自定义组件代码。我的自定义组件代码:-import{Component}from'@angular/core';@Component({selector:'my-comp',template:`{{name1}}WTF

javascript - Angular Karma Jasmine - 测试功能

基本上我必须测试下面这个函数,我正在从文本文件中读取$window.resolveLocalFileSystemURL(cordova.file.dataDirectory,function(dir){varpath='somefile.txt';dir.getFile(path,{create:true},function(file){file.file(function(file){varreader=newFileReader();reader.onloadend=function(){resolve(this.result);}reader.readAsText(file);}

javascript - Angular 4 - 具有动态参数值的自定义验证器

我编写了一个自定义验证器来检查日期是否超过某个最小日期。代码如下所示:exportfunctionvalidateMinDate(min:Date):ValidatorFn{return(c:AbstractControl)=>{if(c==null||c.value==null)returnnull;letisValid=c.value>=min;if(isValid){returnnull;}else{return{validateMinDate:{valid:false}};}};}我这样初始化我的表单this.definitionForm=this.fb.group({"fro

javascript - 从 Angular 5 组件访问父类(super class)字段

我有一个包含组件通用功能的父类(superclass)。exportclassAbstractComponentimplementsOnInit{publicuser:User;constructor(publichttp:HttpClient){}ngOnInit():void{this.http.get('url').subscribe(user=>{this.user=user;});}}我有一个实现这个父类(superclass)的子类。@Component({selector:'app-header',templateUrl:'./header.component.html'

javascript - Angular 如何测试需要位置的组件

您好,感谢您抽出宝贵时间!我正在学习如何使用Angular,并且我有兴趣学习如何测试它的组件。目前我正在苦苦挣扎,因为我已经完成了Angular页面的英雄之旅教程,我正在测试代码以更好地理解它。重点是我正在测试hero-details组件,代码是:import{Component,OnInit,Input}from'@angular/core';import{ActivatedRoute}from'@angular/router';import{MyHeroService}from'../hero-service/my-hero.service';import{Location}fro

javascript - 向下钻取(Highcharts)在 Angular 5 中不起作用

#尝试了导入模块的新方法。(app.module.ts)。在app.module中导入了更多模块。在组件中也有jsonstructrewithdrilldown。仍然无法在页面上呈现"import{ChartModule,HIGHCHARTS_MODULES}from'angular-highcharts';importmorefrom'highcharts/highcharts-more.src';importexportingfrom'highcharts/modules/exporting.src';"##Refer:https://github.com/manhar-devel

javascript - Angular 中的 session 超时警告弹出窗口

我正在处理一个在30分钟不活动后session超时的应用程序。我有一个新要求,即在用户自动注销前几分钟弹出一条消息,询问他们是否希望保持session处于事件状态。现在,session以我认为非常不正统的方式进行管理,我需要尝试使用已经存在的方式。应用程序模块使用名为context.service的服务(作为提供者注入(inject)),它使用setTimeout来确定30分钟的不活动时间何时到期。鉴于我需要访问该倒计时,我想创建一个镜像超时,它会提前2分钟执行并触发模式,询问用户是否要保持session打开。将NgbModal注入(inject)ContextService后,我收到

javascript - Formik 和 yup 表单验证无法按预期使用 Virtualized Select

为了进行表单验证,我使用formik创建了一个表单。我已经使用了组件Formik、Form、Fieldformformik并配置了它们:import{Formik,Form,Field}from"formik";import{object,string}from"yup";importisEmptyfrom"lodash/isEmpty";importFormikSelectInputfrom"../common/FormikSelectInput";classAppextendsComponent{render(){constoptions=this.props.categories

javascript - jqtransform 表单选择器(onchange)问题!

我正在使用Jqtransform脚本设计表单样式。该表单包括一个选择器,其中包含一些城市,当我单击一个时,它应该使用该城市内的某些位置更新其下方的选择器。这里是选择器的代码它在默认样式下工作正常,但在应用JQ后,它失去了它的功能我之前在这里问过一个问题LINK我像Dormilich那样写了:$(function(){$("form.jqtransform").jqTransform();$("#city").change(populateDestrict(this));});但是没有用!如果有帮助,这里还有函数的代码functionpopulateDestrict(obj){varci

javascript - jQuery 拦截表单提交到参数字符串

我有一个表格。此表单通过POST提交到iframe,然后处理请求,并根据结果执行javascript,根据提交的有效性更改父内容。现在,我不喜欢这个程序。我希望能够同时提交多个表单,但我只有这个隐藏的iframe。所以我想用AJAX来实现,为每个表单提交创建一个单独的请求。但是,我的表单很复杂;它由向数组添加变量的复选框、被点击的图像和我需要发送其点击坐标的复选框以及类似的复杂内容组成——这就是为什么我不计算每个输入的每个值并将其添加到后置参数字符串(顺便说一句:我不知道如何以这种方式创建数组),我更愿意截取提交内容,将其保存为包含所有这些参数的帖子字符串,然后将此字符串用于AJAXP